ul {
    list-style: none;
    padding: 2px 4px 3px 4px;
}

ul li {
    text-align: center;
    white-space: nowrap;
}

.layer-container {
    min-width: 100px;
    overflow: auto;
    border: solid 1px #ddd;
    border-radius: 0px;
}

.hidelist {
    width: 10px!important;
}

.layers-list-body {
    overflow: auto;
}

.layers-list-body ul li {
    text-align: left;
    padding: 6px 4px 6px 6px;
    margin-bottom: 5px;
    overflow: hidden;
}

.layers-list-body ul li input {
    zoom: 1.2;
    padding-top: 20px;
}

.layers-list-body ul li:hover {
    cursor: default;
    box-shadow: 4px 4px 4px #ccc;
    transform: scale(1.05,1.05);
}

.active {
    background-color: #86BBD8;
    color: #fff;
}

.active .layer-show {
    color: #fff;
}
span i{
    color: #5F7387;
}
.item-icon {
    float: left;
    margin-right: 10px;
}
.item-icon i{
    color: #5F7387;
}
.item-icon i:hover{
    cursor: pointer;
}
.active i{
    color: #fff;
}

.layer-name {
    float: left;
    max-width: 100px;
    min-width: 100px;
    white-space: nowrap;
    border-radius: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 10px;
}
.icon-menu{
    float: right;
    margin-right: 10px;
    padding: 0px 6px 0px 6px;
    color: #5F7387;
}

.icon-menu i{
    color: #5F7387;
}
.icon-menu:hover{
    cursor: pointer;
}
.active i{
    color: #fff;
}

@media screen and (max-width: 768px) {
    .layer-name{
        margin-right: 100px;   
        max-width: 75px;
        min-width: 75px;
    }
    .item-icon {
        margin-right: 4px;
    }
}
@media screen and (min-width: 768px) {
    .layer-name{
        margin-right: 4%;
        max-width: 75px;
        min-width: 75px;
    }
    .item-icon {
        margin-right: 4px;
    }
}
@media screen and (min-width: 900px) {
    .layer-name{
        margin-right: 5%;
        max-width: 75px;
        min-width: 75px;
    }
    .item-icon {
        margin-right: 4px;
    }
}


@media screen and (min-width: 1200px) {
    .layer-name{
        margin-right: 4%;
    }
    .item-icon {
        margin-right: 10px;
    }
}
@media screen and (min-width: 1367px) {
    .layer-name{
        margin-right: 10%;
    }
    .item-icon {
        margin-right: 15px;
    }
}


